
.el-table{
    background: $--table-bg;
    tr{
        background: $--table-bg;
        // &:hover{
        //    td{
        //      background: $--table-hover!important;
        //    }
        // }
    }
    .el-table__header{
        th.el-table__cell{
            color: #000;
            background-color:$--table-header-bg;
            font-size: $primary-fontSize;
            font-weight: 600;
            line-height: 2.4rem;
            padding: 0.8rem 0rem;
            .cell{
              line-height: 2.4rem;
              padding: 0.8rem 1rem;
            }
            .el-checkbox{
                padding: 0 0  0 0.1rem ;
            }
        }
         th.el-table-column--selection{
               .cell{
            text-overflow: clip;
            }
         }
    }
    td.el-table__cell{
       color: #000;
       font-size:$primary-fontSize;
       border-bottom: 0.1rem solid #F0F0F0;
       line-height: 2.4rem;
       padding: 0.8rem 0rem;
       .cell{
          line-height: 2.4rem;
          padding: 0.8rem 1rem;
       }
        .el-button--text{
          padding: 0px!important;
          font-size:$primary-fontSize ;
          color:$--color-primary ;
        }
        .el-dropdown{
          margin-left: 10px;
          color:$--color-primary ;
        }
        .jumpSpan{
          color: $--color-primary;
           cursor: pointer;
        }
        .spanColor{
          color: $--color-primary;
        }

        .indexRadio{
          display: inline-block;
          .el-radio{
              margin-right: 5px!important;
          }
          .el-radio__label{
              display: none!important;
          }
        }
    }

    &::before{
        height: 0px;
    }
      td.el-table-column--selection{
            .cell{
            text-overflow: clip;
            }
      }
    .el-table__fixed::before, .el-table__fixed-right::before{
         height: 0px;
    }
    .svg-icon{
         font-size:  calc(#{ $primary-fontSize + 0.8rem});
    }

    .el-table__body-wrapper {
      &::-webkit-scrollbar-track-piece {
        background-color: $primary-bg;
        border-left: 1px solid rgba(0, 0, 0, 0)
      }

      &::-webkit-scrollbar-thumb {
        background-color: $scrollbar-bg;
        background-clip: padding-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        min-height: 28px
      }

      &::-webkit-scrollbar {
        height: $scrollbar-height;
        width: $scrollbar-width;
      }
    }
}
.listDropdownItem{
    color:$--color-primary ;
}

//出现y轴的滚动条时
.el-table--scrollable-y {
    .el-table__fixed-right{
      height: calc(100% - #{$scrollbar-width}) !important;
      right: $scrollbar-width!important;
      box-shadow: 0px 0px 0px rgba(0,0,0,0.1)!important;
    }
    .el-table__fixed-right-patch{
      width: $scrollbar-width!important;
       background-color:$--table-header-bg;
       border-bottom: 0px;
    }

}
.el-table--scrollable-x{
    .el-table__fixed,.el-table__fixed-right{
      height: calc(100% - #{$scrollbar-width}) !important;
      box-shadow: 0px 0px 0px rgba(0,0,0,0.1)!important;
      // height: 100%!important;
   }
}
//导航展开时
.el-menu{
    background:$menu-bg ;
    border: 0px ;
    .el-menu-item,  .el-submenu__title{
         padding: 0 2rem!important;

    }
    .el-submenu__title{
        color: $menu-submenu-title-color;
         * {
            vertical-align: inherit;
        }
    }
  .el-menu-item.is-active{
    background:$menu-activeBg;
    border-radius: 4px;
  }
  .el-submenu.is-opened{

     .el-menu-item{
        color: $menu-nest-menu-color;
        min-width: auto;
       * {
            vertical-align: inherit;
        }
    }
    .el-menu-item.is-active{
        background:$menu-activeBg;
        color: $--color-primary;
    }
  }
  .el-submenu.is-active.is-opened{
    >.el-submenu__title{
           color: $--color-primary;
    }
  }
  .el-menu-item,.el-submenu__title{
    height: $menu-line-height!important;
    line-height: $menu-line-height!important;
        .svg-icon{
            margin-right: 7px;
        }
        &:hover{
            background:$menu-hoverBg;
            border-radius: 4px;

        }
    }
}
//导航合住时
.el-menu--collapse.el-menu{
    width: 100%;
     .el-menu-item,.el-submenu{
        text-align: center;
    }
    .el-menu-item{
        padding: 0;

    }
    .el-tooltip,.el-submenu__title,.el-menu-item{
        padding: 0 1.6rem!important;
    }
    .el-submenu{
        .el-submenu__title{
            >span,i{
                display: none;
            }
        }
    }
}
.el-input,.el-radio__label,.vue-treeselect__control,.vue-treeselect__menu-container,
.el-select-dropdown__item,.el-checkbox__label,.el-form-item__label,.el-form-item__content,
.el-breadcrumb,.el-menu-item,.el-submenu__title,.el-dropdown,.el-textarea,.el-checkbox-button__inner,
.el-radio-button__inner,.el-empty__description p,.el-button,
.el-pagination span:not([class*=suffix]), .el-pagination button,.el-tree-node__expand-icon,
.el-tabs__item,.el-range-editor--small.el-input__inner,.el-tree-node__label,.el-input__icon,.el-select__caret,
.el-range-editor .el-range-input,.el-range-editor .el-range-separator,.el-message-box__content
{
    font-size:$primary-fontSize!important;
}
.el-radio__input,.el-checkbox__input{
    line-height: $input-inner-line-height;
}
.el-time-spinner__item{
    font-size:$primary-fontSize;
}
.el-checkbox__inner,.el-radio__inner{
    width: $primary-fontSize!important;
    height:$primary-fontSize!important;

}
.el-checkbox__inner{
 &::after{
        height: 0.7rem;
        left: calc(50% - 0.2rem);
        width: 0.3rem;
    }
}
.el-radio__inner{
   &::after{
     width: 0.4rem;
     height: 0.4rem;
    }
}
.el-dropdown-menu{
    .el-dropdown-menu__item{
        font-size: $primary-fontSize;
        height: $menu-line-height;
        line-height: $menu-line-height;
    }
}
input[type=number] {
    -moz-appearance: textfield;
}
.el-input-number{
    width: 100%;
    height: $input-inner-height;

}
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease]{
 line-height:$input-inner-line-height/2;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.el-input__inner,.vue-treeselect__control,.el-textarea{
  border-radius: 2px!important;
}
.el-button,.el-pager li{
  border-radius: 2px!important;
}
.el-select,.el-date-editor.el-input, .el-date-editor.el-input__inner{
        width: 100%;
}
.el-input {
    // .el-input__inner{
    .el-input__inner{
        line-height:$input-inner-line-height;
        height: $input-inner-height;
    }
    .el-input__icon,.el-input__suffix{
     line-height: 3.3rem;
     height: 3.3rem;
    }
    .el-input__suffix{
        right: 1px;
    }
   .el-input__count{
        font-size: calc(#{ $primary-fontSize - 0.2rem});
    }
}
.el-textarea {
    border: 1px solid $primary-border-color;
    .el-textarea__inner {
        resize: none;
        border: 0px;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
        @include mixinScrollBar($primary-bg)
    }
    .el-input__count {
       font-size: calc(#{$primary-fontSize - 0.2rem});
        width:14%;
        display: inline-block !important;
        right:0px !important;
        bottom: 0px !important;
        text-align: right !important;
        line-height: 2.2rem !important;
        padding-right:5px;
    }
    .el-input__count{
          font-size: calc(#{$primary-fontSize - 0.2rem});
    }
}
.el-rate{
      line-height:calc(#{$input-inner-line-height} - 1.5rem);
        height:calc(#{$input-inner-height} - 1.5rem);
    .el-rate__icon{
        font-size:  calc(#{ $primary-fontSize + 0.4rem});
    }
}
.el-form-item__error{
 font-size:  calc(#{ $primary-fontSize - 0.2rem});
}
.el-switch{
    line-height:calc(#{$input-inner-line-height} - 1.3rem);
    height:calc(#{$input-inner-height} - 1.3rem);
    .el-switch__core{
        height:calc(#{$input-inner-height} - 1.3rem);
        width: calc(#{$input-inner-height} + 1rem) !important;
        border-radius: calc(#{$input-inner-height} - 1.3rem);
        &::after{
            width: calc(#{$input-inner-height} - 1.5rem - 2px);
            height: calc(#{$input-inner-height} - 1.5rem - 2px) ;
        }
    }
}
.el-checkbox-button__inner,.el-radio.is-bordered,.el-radio-button__inner{
       line-height:$input-inner-line-height;
        height: $input-inner-height;
        padding: 0 $primary-inner-padding!important;
        .el-radio__inner{
            width: $primary-fontSize;
            height:  $primary-fontSize;

        }
}
.el-switch.is-checked .el-switch__core::after {
    margin-left: calc(#{$input-inner-height} - 5.6rem);
}
.el-select-dropdown__item,.el-range-editor.el-input__inner,.el-range-editor .el-range-separator{
    line-height:$input-inner-line-height;
    height: $input-inner-height;
}
// .el-select > .el-input{
//     line-height:$input-inner-line-height;
//     height: $input-inner-height;
// }
.el-empty__image{
    width: 14rem;
}
.el-button{
    padding: 0px $primary-inner-padding;
    height:calc(#{$input-inner-height} - 1px);
    line-height:calc(#{$input-inner-line-height} - 2px);
}
.el-button--text{
    line-height: initial;
    height: initial;
    color: #606266;
}
.el-tree{
    .el-tree-node__content{
        height: calc(#{$menu-line-height} - 0.5rem);
        line-height:calc(#{$menu-line-height} - 0.5rem);
        border-radius: 4px;
        .el-tree-node__label{
            width: 100%;
            @include mixinEllipsis()
        }
    }
    .el-tree-node__content > .el-tree-node__expand-icon{
        padding:0.2rem;
    }
   .el-tree-node.is-current > .el-tree-node__content{
        background:$menu-activeBg;
          color: $--color-primary;
    }
}
//分页外盒子
.pagination-container{
    margin-top: 1.6rem;
    text-align: right;
    .el-pagination{
        padding: 0.2rem 0.5rem;
        span:not([class*=suffix]), button,.el-pagination__editor.el-input .el-input__inner{
            line-height:$input-inner-line-height;
            height: $input-inner-height;
        }
        button{
            padding: 0 $primary-inner-padding!important;
        }
        .el-pagination__sizes .el-input .el-input__inner{
            font-size:$primary-fontSize;
        }
        .el-pagination__jump{
            margin-left: 13px;
        }
    }
    .el-pager li,.btn-prev,.btn-next{
        min-width: initial!important;
        padding: 0 $primary-inner-padding;
        font-size:$primary-fontSize;
        height:$input-inner-height;
        line-height:$input-inner-line-height;

    }
    .paginationSizesNone{
        .el-pagination__sizes{
            display: none!important;
        }
    }
}

.vue-treeselect{
    width: 100%;
    display: inline-block;
    height:calc(#{$input-inner-height} - 2px);
    line-height:calc(#{$input-inner-height} - 2px);
    .vue-treeselect__control{
        height:calc(#{$input-inner-height} - 2px);
        table-layout: initial;
        .vue-treeselect__input-container,.vue-treeselect__placeholder,.vue-treeselect__single-value{
            line-height:calc(#{$input-inner-line-height} - 2px);
            // background: #f0f;
            .vue-treeselect__input{
                height:calc(#{$input-inner-height} - 2px);
                line-height:calc(#{$input-inner-line-height} - 2px);
            }
        }
        .vue-treeselect__control-arrow{
            width: 11px;
            height: 12px;
        }
        .vue-treeselect__control-arrow-container{
            width: 32px;
        }
        .vue-treeselect__x-container{
            padding-right: 6px;
        }
    }
}
.el-input__inner,.el-textarea,.el-checkbox__inner
,.el-radio__inner,.el-time-panel,.el-select-dropdown,.el-picker-panel,.el-message-box{
   background:$primary-bg;
   border-color:$primary-border-color;
}
.el-form-item.is-error.is-required{
.el-textarea{
   border-color:$--color-danger;
}
}
.el-input--suffix .el-input__inner{
    padding-right: $primary-inner-padding;
}
.vue-treeselect__control,.vue-treeselect__menu{
   background:$primary-bg!important;
   border-color:$primary-border-color!important;

}
// .vue-treeselect__option--highlight,.vue-treeselect__option--selected,.vue-treeselect__option--selected:hover{
//     background: $primary-hover!important;
//     color: $primary-active-color;
//      .vue-treeselect__option-arrow-container .vue-treeselect__option-arrow{
//          color: $primary-active-color!important;
//      }

// }

.vue-treeselect__menu{
    @include mixinScrollBar($primary-bg);
}
.vue-treeselect__single-value{
    color: $primary-color!important;
}
.el-popper[x-placement^=bottom] .popper__arrow{
    border-bottom-color:$primary-border-color;
    &::after{
        border-bottom-color: $primary-bg;
    }
}
.el-tooltip__popper{
    max-width: 50%;
}
.el-picker-panel__body-wrapper{
    .el-time-panel{
        width: 120px!important;
    }
    .el-time-spinner__wrapper{
        width: 50%!important;
        &:last-child{
            display: none;
        }
    }
}
.el-select-dropdown.el-popper{
    max-width:47rem;
}
// .el-time-spinner__item,
// .el-select-dropdown__item{
//     &:hover,&:active,&:focus{
//         background: $primary-hover!important;
//         color: $primary-active-color;
//     }
// }
// .el-select-dropdown__item.hover{
//     background: $primary-hover!important;
//     color: $primary-active-color;
// }
.el-form-item__label,.el-date-picker__header-label,.el-date-table th,.el-date-table td.next-month,
.el-date-table td.prev-month,.el-time-spinner__item.active:not(.disabled){
    color: $primary-label-color;
}
.el-form-item__content,.el-textarea__inner,.el-input__inner,.el-checkbox,
.el-radio,.el-time-spinner__item,.el-picker-panel,
.el-picker-panel__icon-btn,.el-select-dropdown__item,.el-message-box__content,.el-message-box__title,
.el-message-box__headerbtn .el-message-box__close,.el-checkbox-button__inner,.el-tree-node__expand-icon,.el-date-editor .el-range-input{
    color: $primary-color;
}
.el-dialog__wrapper{
  overflow: hidden;
}
.el-dialog{
    // max-height: calc(100% - 30vh);
    // margin-top: 0;
    .el-dialog__header{
        padding: 16px 24px;
        border-bottom:1px solid $primary-border-color;
        text-align: left;
        .el-dialog__title{
            font-size: calc(#{ $primary-fontSize + 0.4rem});
            color: $primary-color;
            line-height:1 ;
        }
        .el-dialog__headerbtn{
            top: 16px;
            right:24px;
            font-size: calc(#{ $primary-fontSize + 0.4rem});
        }
    }
  .el-dialog__body{
    padding:24px;
    color: $primary-color;
//     min-height: calc(100% - 80px);
    overflow: auto;
    @include mixinScrollBar($primary-bg)

  }
  .el-dialog__footer{
      border-top:1px solid $primary-border-color;
    padding: 10px 24px;
  }
}
